@charset "utf-8";
* {margin:0; padding:0;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0; padding:0;}
input, select{ vertical-align:middle}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}
.none{
display: none;
}
.i-erweima{
width:120px
}
a:link{
text-decoration:none; color: #272727;text-decoration: none;
}
a:visited{
text-decoration:none; color: #272727;text-decoration: none;
}
a:hover{
text-decoration:none; color: #272727;text-decoration: none;
}
a:active{
text-decoration:none; color: #272727;text-decoration: none;
}
body {
font-family:"微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #272727;
background-color:#fff;
overflow-x:hidden ;
}
.guanjianci{ height:48px; background:#f3f3f3; border-bottom:1px solid #e1e1e1; line-height:48px;}
.gjczhong{ max-width:1200px; margin:0px auto; font-size:14px; color:#737373;}
.gjczhong b{ color:#0075ab;}
.gjcleft{ float:left; display:inline;}
.clear{
clear: both;
}
.fl-r{
float: right; margin-left: 20px;
}
.youlian{
margin: 20px auto;max-width: 1200px;
}
.youlian a{
padding: 0 10px;
}
.i-head{
border-bottom:1px solid #ddd;
}
.head-hold{
max-width: 1200px;margin: 0 auto;
}
.head-top{
line-height: 40px;vertical-align: middle; max-width: 1200px;margin: 0 auto;overflow: hidden;
}
.head-hold .head-top a{
vertical-align: middle;margin: 0 10px;
}
.head-hold ul li:last-child i{
display: none;
}
.hold{
max-width: 1200px;margin: 20px auto;overflow: hidden;
}
.footer .hold{ margin: 20px auto 0;}
.head-center{
margin: 20px 0;vertical-align: middle;overflow: hidden;
}
.head-center img{
vertical-align: middle
}
.head-guider{
background: url("../images/head-bg.png") repeat-x;height: 60px;
}
.head-guider ul li{
float: left;width: 12.5%;text-align: center;line-height: 60px;position: relative;
}
.head-guider ul li a{
white-space: nowrap;
display: inherit;
font-size: 16px;
color: #fff;
text-overflow: ellipsis;
overflow: hidden;
}
.tit {
font-size: 16px;
font-weight: bold;
}
.head-guider ul li ul{
display:none;
}
.head-guider ul li:hover ul{
display:block;
}
.head-guider ul li ul li a{
padding:0 5px;line-height:50px;font-size:14px
}
.head-guider ul li i{
width: 1px;height: 35px;display: inline-block;position: absolute;right: 0px;top:12px;background: url("../images/i.png");
}
.head-guider ul li ul{
position: absolute;
top: 60px;
left: 0px;
width: 150px;
z-index: 1000;
background: #005aba;
}
.head-guider ul li ul li{
width: 100%;
}
.pro-hold{
margin: 20px 0;
}
.pro-hold ul li{
width: 19%;margin: 1% 0.5%;text-align: center;float: left;padding: 1% 0;
}
.title-tit{
margin: 40px 0 20px 0;text-align: center;
}
.i-head1 .title-tit .i-xian{
margin-top: 20px;width: 100%;
}
.i-xian{
margin-top: 20px;width: 100%;
}
.pro-hold ul li img{
width: 96%;
}
.pro-hold ul li p{
line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.pro-hold ul li:hover p{
color: #0059b7;
}
.more{
background: #f38000;width: 150px;margin: 20px auto;text-align: center;line-height: 40px;border-radius: 5px;
}
.more a{
color: #fff;
}
.jianjie-hold{
width: 100%;background: url("../images/jj-bg.jpg") no-repeat;background-size: 100% 100%;position: relative;height: 400px;margin-top: 20px;min-width: 1200px;
}
.jianjie-hold .jianjie-con{
position: absolute;left: 53%;top:10%;width: 550px;line-height: 27px;color: #fff;
}
.jianjie-hold .jianjie-con .tit{
font-size: 22px;font-weight: bold;
}
.jianjie-hold .jianjie-con .tit font{
font-size: 18px;
}
.jianjie-hold .jianjie-con p{
margin: 10px 0;
}
.jianjie-hold .jianjie-con .more{
margin: 20px 0;
}
.advant-left{
float: left;width:55%;
}
.advant-right{
float: right;width: 45%;text-align: center;
}
.advant-left1{
width: 45%;float: left;text-align: center;
}
.advant-right1{
float: right;width: 55%;margin-top: 40px;
}
.advant-left-f{
line-height: 27px;margin: 30px 0;
}
.flexslider1 ul li{
text-align: center;
}
.flexslider1 ul li img{
width: 100%;
}
.flexslider1 ul li p{
line-height: 30px;
}
.shengchan-hold{
width: 100%;background: url("../images/shengchan-bg.png" ) no-repeat;background-size: cover;padding-bottom: 20px;
}
.contact-hold{
overflow: hidden;
}
.contact-hold ul li{
width: 30.3333%;margin: 1.5%;text-align: center;background: #fff0e0;float: left;padding: 30px 0;height: 150px;
-webkit-transition: -webkit-transform 1s;
transition: -moz-transform 1s;
-o-transition: -o-transform 1s;
transition: transform 1s;
}
.contact-hold ul li .i-map{
background: url("../images/i-1.png");width: 24px;height: 40px;display: inline-block;margin: 10px;
}
.contact-hold ul li .i-tel{
background: url("../images/i-2.png");width: 25px;height: 46px;display: inline-block;margin: 10px;
}
.contact-hold ul li .i-e-mail{
background: url("../images/i-3.png");width: 36px;height: 25px;display: inline-block;margin: 10px;
}
.contact-hold ul li .tit{
font-size: 18px;color: #448aca;line-height: 40px;
}
.contact-hold ul li .xian{
width: 40px;height: 2px;display: inline-block;background: #448aca; margin: 10px auto;
}
.contact-hold ul li:hover{
border-bottom: 3px solid #f38000;
}
.power:hover{
box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
}
.footer{
background: #4d4d4d;width: 100%;margin-top: 40px;color: #fff;
}
.footer a{
color: #fff;
}
.footer .fooer-top{
text-align: center;overflow: hidden;
}
.footer .fooer-top a{
line-height: 60px;font-size: 16px;display: inline-block;width: 12.5%;text-align: center;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.fooer-center{
overflow: hidden;border-bottom: 1px solid #353535;boder-top:1px solid #353535;padding: 20px 0;border-top: 1px solid #353535;
}
.fooer-center .fooer-c-left{
float: left;width: 50%;text-align: center;
}
.fooer-center .fooer-right{
width: 50%;float: right;line-height: 27px;
}
.fooer-bom{
text-align: center;line-height: 30px;
}
.news-hold{
max-width: 1200px;;margin: 40px auto;
}
.i-head1{
text-align: center;margin: 40px 0;
}
.news-tit{
text-align: center;
}
.news-tit a{
margin: 0 40px;padding: 8px 25px;background: #646464;color: #fff;border-radius: 30px;
}
.news-tit a:hover{
background: #e60012;
}
.news-list{
overflow: hidden;margin-top: 40px;background: #f5f5f5;
}
.news-list ul li{
margin: 10px 0;
border-bottom: 1px dashed #ddd;
float: left;
overflow: hidden;
width: 50%;
padding-bottom: 10px;
}
.news-list ul li .news-l{
float: left;width: 50%;
}
.news-list ul li .news-l img{
width: 100%;height: 210px;
}
.news-list ul li .news-r{
float: left;width: 50%;
}
.news-r-con{
padding: 15px 20px;line-height: 20px;
}
.news-r-con .tit{
margin-bottom: 5px;
}
.news-r-con i{
width: 24px;height: 24px;display: inline-block;background: url("../images/news-i1.png");margin-top: 10px;
}
.news-list ul li:hover .news-r-con i{
background: url("../images/news-i2.png");
}
/*内页导航*/
.n-hold{
max-width: 1200px;margin: 0 auto;
}
.n-second-guide-hezuo .line{
border-top: 1px solid #ddd;
position: absolute;
top: 50%;
z-index: -1;
width: 100%;
}
.n-second-guide-hezuo a{
display: inline-block;
padding: 6px 15px;
margin: 10px;
font-size: 16px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #ddd;
background: #0382d8;
color: #fff;
position: relative;
}
.n-second-guide-hezuo a:hover{
background: #02428c;
}
.n-about-con{
line-height: 27px;;margin: 20px auto;padding-bottom: 30px;max-width: 1200px;
}
.n-about-con h1{
text-align: center;font-size: 18px;margin: 10px;
}
.n-about-con h2{
font-size: 14px;text-align: center;margin-bottom: 20px;
}
.n-about-con img{
max-width:800px
}
.n-about-con .cpneixi h2{
font-size: 18px;
}
.n-about-con img{
height: auto;
}
.n-about-con{
overflow-x:auto ;
}
.n-second-guide-hezuo>ul li{
float: left;padding: 10px;text-align: center;margin:0 15px;position: relative;
}
.n-second-guide-hezuo>ul li a{
width:100% ;padding: 6px 0px;
}
.n-second-guide-hezuo>ul li>ul{
position: absolute;left: 1px;top:36px;width: 190px;background:#0382d8; display: none;
}
.n-second-guide-hezuo>ul li:hover>ul{
display: block;
}
.n-second-guide-hezuo>ul li>ul li{
border-bottom: 1px solid rgba(191, 191, 191, 0.65);margin: 0px;
}
.n-second-guide-hezuo>ul li>ul li a{
width:100% ;padding: 6px 0px;background:#0382d8; border: 0px;color: #fff;
}
.n-second-guide a:hover{
background: #0382d8;
color: #fff;
}
.n-pro-guide{
height: 40px;margin-top: 20px;border-bottom: 1px solid #49c9f1;overflow: hidden;
}
.n-pro-guide .n-pro-g-left{
float: left;height: 40px;line-height: 40px;
}
.n-pro-guide .n-pro-g-left i{
height: 22px;width: 4px;background: #0058a6;display: inline-block;line-height: 40px;vertical-align: middle;
}
.n-pro-guide .n-pro-g-left span{
color: #000;font-size: 18px;line-height: 40px;vertical-align: middle;display: inline-block;line-height:40px;margin-left: 5px;
}
.n-pro-g-right{
float: right;height: 40px;line-height: 40px;font-size: 16px;
}
.fenye{
overflow: hidden;margin: 20px;
}
.fenye ul li{
float: left;padding: 5px;
}
.n-about-us1{
line-height: 27px;max-width: 1200px;margin: 20px auto;
}
.n-list-news2{
overflow: hidden;margin: 30px auto;
}
.n-list-news2 ul li{
border-bottom: 1px dashed #ddd;padding: 20px;line-height: 27px;
}
.n-news-tit{
font-size: 16px;
}
.n-news-tit span{
font-size: 14px; font-weight: normal;
}
.n-list-news2 ul li:hover .n-news-tit {
color: #00a0e9;
}
.n-list-news2 ul li .n-news-con{
margin: 5px 0;
}
.arcImg{
width: 600px;margin: 0 auto;
}
.pro-hold1{
max-width: 1200px;overflow: hidden;
}
.pro-hold1 ul li{
float: left;width: 390px;margin: 20px 3px;text-align: center;
}
.pro-hold1 ul li img{
width: 99%;border: 1px solid #ddd;
}
.pro-hold1 ul li a p{
line-height: 30px;
}
.pro-hold1 ul li:hover img{
border:1px solid #00b7ee;
}
.pro-hold1 ul li:hover a{
color: #00b7ee;
}
.n-second-guide-hezuo{
max-width: 1200px;position: relative;margin: 30px auto;text-align: center;z-index: 1000;
animation:zoomIn 2s;
-moz-animation:zoomIn 2s; /* Firefox */
-webkit-animation:zoomIn 2s; /* Safari and Chrome */
-o-animation:zoomIn 2s; /* Opera */
}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.map{
width:600px;height:400px;border:#ccc solid 1px;margin: 30px 0;
}
.map-hold{
width: 600px;margin: 40px auto;line-height: 27px;
}
.map-hold table tr td{
padding: 10px 20px;
}
.pro-list-hold1{
overflow: hidden;
}
.pro-list-hold1 ul li{
width: 31.333%;margin: 1%;text-align: center;float: left;
}
.pro-list-hold1 ul li img{
width: 100%;
}
.pro-list-hold1 ul li p{
line-height: 27px;
}
.pro-list-hold1 ul li:hover p{
color: #08a4f1;
}
.power:hover{
transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
.article-shop h4 {
text-align: center;
font-size: 16px;
margin: 20px 0;
}
.forem{
width: 600px;margin: 40px auto;
}
.forem table tr td{
padding: 5px 0;
}
.ph-logo {display: none}
.ph-jianjie{
display: none;text-align: center;
}
.ph-jianjie .jianjie-con{
background: #0059b7;color: #fff;line-height: 27px;padding: 15px;
}
.ph-jianjie .jianjie-con .tit{
font-size: 18px;line-height: 40px;
}
.ph-jianjie .jianjie-con img{
margin: 10px 0;
}
.ph-head{
display: none;
}
.ph-head-guide ul{
display: none;
}
.scroll{
display: none;
}
.ad-gallery .ad-thumbs li a img{
width: 90px;height: 120px;
}
.cpneixi{
overflow-x:auto ;
}
.ph-article-shop{
display: none;
}
.intxt{
width:250px; height:30px; border:1px solid #a0c7ff;
}
.inteatarea{
width:450px; height:120px; border:1px solid #a0c7ff;
}
@media screen and (max-width: 1150px) {
.ph-jianjie{
display: block;
}
.jianjie-hold{
display: none;
}
.ph-about-us-img {
width: 100%;
}
.advant-left1 img{
width: 90%;
}
.n-pro-guide{
padding:0 10px ;
}
}
@media screen and (max-width: 1000px) {
.news-hold{
display:none
}
.pc-logo {display: none}
.ph-logo {display: block;float: left}
.advant-right img{
width: 90%;
}
.n-hold img{
max-width: 100%;
}
}
@media screen and (max-width: 768px){
.guanjianci{
display:none
}
.n-second-guide-hezuo a{
width:40% ;display: inline-block;float: left;padding: 6px 0;text-align: center;margin:10px 5% ;border: 0px;
}
}
@media screen and (max-width: 730px) {
.pro-hold ul li{
width: 48%;
}
.advant-left{
width: 100%;text-align: center;
}
.advant-right{
width: 100%;
}
.advant-right img{
width: 60%;
}
.advant-left1{
width: 100%;text-align: center;
}
.advant-left1 img{
width: 60%;
}
.advant-right1{
width: 100%;text-align: center;
}
}
@media screen and (max-width: 600px) {
.i-head{
display:none;
}
.i-erweima{
display: none;
}
.head-hold{
display: none;
}
.head-guider{
display: none;
}
.n-second-guide-hezuo a{
width:46% ;display: inline-block;float: left;padding: 6px 0;text-align: center;margin:10px 2% ;border: 0px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.ph-article-shop {
display: block;text-align: center;
}
.ph-article-shop img{
width: 90%;
}
.pro-list-hold1 ul li{
width: 48%;
}
.intxt{
width:80%;
}
.forem{
width: 100%;
}
.inteatarea{
width:80%;; height:60px;
}
.n-about-con{
padding: 0 10px ;
}
.arcImg{
display: none;
}
/*头部导航*/
.ph-head{
background:rgb(108, 174, 245);overflow: hidden;padding: 10px 0;
display: block;
}
.ph-head img{
;margin-left: 10%;max-width: 60px;
}
.ph-head .ph-tit{
float: right;width: 30px;margin-top:2%;margin-right: 5%;
}
.ph-head-guide ul li{
padding: 10px;border-bottom: 1px solid rgba(247, 204, 204, 0.68);background: #4a9aef;
}
.ph-head-guide ul li a{
color: #fff;
}
.ph-head-guide ul li i{
width: 20px;height: 20px;background: url("../images/icon-9.png") no-repeat;
background-size: 100% 100%;display: inline-block;vertical-align: middle;margin-right: 10px;
}
.ph-head-guide ul li:nth-child(2) i{
background: url("../images/icon-1.png") no-repeat;
background-size: 100% 100%;
}
.ph-head-guide ul li:nth-child(3) i{
background: url("../images/icon-2.png") no-repeat;
background-size: 100% 100%;
}
.ph-head-guide ul li:nth-child(4) i{
background: url("../images/icon-3.png") no-repeat;
background-size: 100% 100%;
}
.ph-head-guide ul li:nth-child(5) i{
background: url("../images/icon-4.png") no-repeat;
background-size: 100% 100%;
}
.ph-head-guide ul li:nth-child(6) i{
background: url("../images/icon-5.png") no-repeat;
background-size: 100% 100%;
}
.ph-head-guide ul li:nth-child(7) i{
background: url("../images/icon-7.png") no-repeat;
background-size: 100% 100%;
}
.ph-head-guide ul li:nth-child(8) i{
background: url("../images/icon-6.png") no-repeat;
background-size: 100% 100%;
}
.ph-head-guide ul li:nth-child(9) i{
background: url("../images/icon-8.png") no-repeat;
background-size: 100% 100%;
}
/*电话与返回顶部*/
.scroll{
position: fixed;right: 10px;bottom: 70px;z-index: 10;display: block;
}
.s-tel{
width: 40px;height: 40px;background: #4a9aef;border-radius: 50%;text-align: center;
}
.s-tel i{
width: 25px;height:25px;background: url("../images/ph.png") no-repeat;background-size: 100% 100%;display: inline-block;
}
.s-tel p{
font-size: 12px;color: #fff;margin-top: -10px;
}
.s-scroll{
width: 40px;height: 40px;background: #4a9aef;border-radius: 50%;text-align: center;margin-top: 10px;
}
.s-scroll i{
width: 15px;height: 15px;background: url("../images/up1.png") no-repeat;background-size: 100% 100%;display: inline-block;margin-top: 5px;
}
.s-scroll p{
font-size: 12px;color: #fff;margin-top: -5px;
}
.contact-hold ul li{
width: 97%;
}
.footer .fooer-top{
display: none;
}
.fooer-center .fooer-c-left{
width: 100%;text-align: center;
}
.fooer-center .fooer-right{
width: 100%;text-align: center;margin-top: 15px;
}
.title-tit img{
width: 80%;
}
.map-hold{
width: 100%;
}
.map{
width: 100%;
}
.map-hold table tr td:nth-child(2){
display: none;
}
}